---
layout: default
title: Examples &middot; light7
---

<div class="docs-sub-header">
  {% include masthead.html %}
  <div class="container">
    <div class="docs-sub-content">
      <h2 class="page-title">示例</h2>
      <p class="page-description">这里是一些用 Light7 搭建的应用，极具参考价值。你可以以这些应用为基础进行开发。</p>
    </div>
    {% include ad.html %}
  </div>
</div>

<div class="container">
  <div class="docs-examples docs-content">

    <p class="lead">请在手机浏览器或者桌面浏览器的手机模式下打开。</p>
    <p>如果你有使用light7搭建的应用并且愿意分享，欢迎联系我放到这里。</p>

    <div class="column-group">
      <div class="column lg-units-4">
        <div class="example-wrap">
          <a class="example" href="/demos" data-ignore="push">
            <img src="/assets/img/demos.png" alt="Movie finder app example" width="640" height="480">
          </a>
          <h4 class="example-title">组件库</h4>
          <p>包含了全部 light7 的组件。</p>
        </div>
      </div>
      <div class="column lg-units-4">
        <div class="example-wrap">
          <a class="example" href="/examples/light7-mall" data-ignore="push">
            <img src="/assets/img/light7-mall.png" alt="iOS mail app example" width="640" height="480">
          </a>
          <h4 class="example-title">light7 商城</h4>
          <p>这是一个商城应用的实例。</p>
        </div>
      </div>
    </div>
  </div>
</div>

  <div class="column">
    <!-- Footer -->
    {% include footer.html %}
  </div>
</div>
